<template>
    <div>
        <headers></headers>
        <swipers :swiperList="list.data.swiperList"></swipers>
        <lattice :lattice="list.data.iconList"></lattice>
        <recommend :recommendList="list.data.recommendList"></recommend>
        <week :weekendList="list.data.weekendList"></week>
    </div>
</template>

<script>
import headers from '@/components/headers.vue'
import swipers from '@/components/swipers.vue'
import lattice from '@/components/lattice.vue'
import recommend from '@/components/recommend.vue'
import week from '@/components/weekend.vue'
import list from '@/assets/mock/index.json'
    export default {
        components:{headers,swipers,lattice,recommend,week},
        data() {
            return {
                list
            };
        },
        mounted() {
            
        },
    }
</script>

<style lang="scss" scoped>

</style>